import {
	mapGetters
} from "vuex"
export default {
	computed: {
		// 将 mycart 模块中的 total 映射为当前页面的计算属性
		...mapGetters('mycart', ['total'])
	},
	methods: {
		setBadge() {
			if (this.total == 0) {
				// 当购物车商品数量为0时 移除购物车右上角的徽标
				uni.removeTabBarBadge({
					index: 2, //tabBar的索引
				})
			} else {
				// 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
				uni.setTabBarBadge({
					index: 2, //tabBar的索引
					text: this.total.toString() // 注意：text 的值必须是字符串，不能是数字
				})
			}

		}
	},
	watch: {
		total: {
			handler(newVal) {
				immediate: true,
				this.setBadge()
			}
		}
	},
	// 在页面刚展示的时候，设置数字徽标
	onShow() {
		this.setBadge()
	},
}